@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; }
html,body{ height: 100%; color: #333;margin: 0;font-family:"微软雅黑"; display: block; background: url(https://img.pems.cn/app/baotou/menu/bg.jpg) no-repeat center center fixed; background-size: 100% 100%; }
img { border: 0;}
ul, li { list-style: none;  }
a { text-decoration:none; color: #fff;}
a:hover { text-decoration:none; }
.clear { clear: both; font-size: none; }
.left { float: left; }
.right { float: right; }
.center{ text-align: center;}


.mian{ width: 90%; height: 100%; margin: 0 5%; display: inline-block;}

.logo{ margin-top: 3%; text-align: center;}
.logo img{ height: 70px;}

.menu{ width: 100%; height: 65%; margin: 2% 0;}
.menu ul{ width: 103%; height: 100%;}
.menu li{ width: 29.6%; height: 45%; margin: 0 3% 3% 0; background: #60d5e8; border: 2px solid #019ecc; border-radius: 20px; display: inline-block;}
.menu li.service{ background: #75bcff; border: 2px solid #2489ce;}
.menu li.consulting{ background: #8bacfa; border: 2px solid #4874cc;}
.menu li.app{ background: #fbae82; border: 2px solid #d36737;}
.menu li.web{ background: #ff9b92; border: 2px solid #c63939;}
.menu li.data{ background: #ff696a; border: 2px solid #d8353d;}

.menu a .menu_info{ width: 100%; margin-top: 6%;}
.menu a{ width: 90%; height: 90%;  padding: 5%; display: table;}
.menu li img{ width: 35%; margin-right: 3%; vertical-align: middle;}
.menu li p{ width: 60%; font-size: 2.4em; display: inline-block; vertical-align: middle;}
.menu li p span{ font-size: 1.2em; margin-top: 5%; font-weight: bold; display: block;}



.copyright{ text-align: center;}


/*1448*/
@media (max-width: 1448px){
.menu a .menu_info{ margin-top: 8%;}
.menu li p{ font-size: 2em; }
.menu li p span{ font-size: 1.1em; }
}

/*1200*/
@media (max-width: 1200px){

}